* { margin: 0px; padding: 0px;}
body {
    font-family: Arial;
    text-align: center;
    height: 100%;
    width: 100%;
    background: #E2E2E2;
}
#wrap {
    margin: 0 auto;
    background: #fff;
    width: 1000px;
}
#header {
    width: 100%;    
}
#main {
    width: 100%;
    margin-top: 15px;
    min-height: 300px;
}
#content {    
    width: 630px;
    text-align: left;
    min-height: 300px;
    margin-bottom: 30px;
}
#content_left {
    width: 195px;
    min-height: 300px;
}
#content_right {
    width: 175px;
    min-height: 300px;
}
.content_box {
    width: 97%;
    min-height: 300px;
    margin-top: 10px;
    margin-bottom: 20px;
    padding-right: 15px;
    font-size: 13px;
    line-height: 20px;
    text-align: justify;
    border-right: 1px solid #ccc;
}
#footer {
    background: #fff url('../images/footer_nav.jpg') repeat-x;
    height: 99px;
    width: 1000px;
    margin: 0 auto;
}
.left {
    float: left;
}
.right {
    float: right;
}
.clear {
    clear: both;
}
#header .banner {
    width: 100%;
    height: 120px;
    position: relative;
}
#header .logo {
    margin-left: 25px;
    margin-top: 10px;
}
#header .iconConnect {
    position: absolute;
    bottom: 10px;
    right: 80px;
}
img {border: none;}
ul#menu_header {
    width: 100%;
    background: #000;
    height: 58px;
    line-height: 40px;
    background:  url('../images/nav.png') repeat-x;
}
ul#menu_header li:first-child { margin-left: 50px;} 
ul#menu_header li {
    list-style-type: none;
    float: left;
    padding-right: 20px;
}
ul#menu_header li a{
    text-decoration: none; 
    color: #fff;
    text-shadow: 1px 0.5px #ccc;
    font-size: 15px;
    padding: 4px 10px;
    
}
ul#menu_header li a:hover{ 
    background:  url('../images/hov-1.png') repeat-x;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}
ul#menu_header li.active a {
    background:  url('../images/hov-1.png') repeat-x;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}
.box {
    background: #FFEEB7;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px; 
    border: 1px solid #F4DE9A;
}
.box_right {
    width: 146px;
    min-height: 200px;
    margin: 0px auto;
    margin-bottom: 20px;
    font-size: 11px;
    color: #434343;
    padding: 30px 10px 10px 10px;
    padding-bottom: 100px;
}
.box_right table {
    border-collapse: collapse;
}
.box_right .item:first-child {
    background: #F4F5ED;    
}
.box_right .item {
    padding:10px 5px;
    border-bottom: 1px solid #fff;
    border: 2px solid #EAEBE5;
    margin-bottom: 25px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}
.box_right .item input {
    width: 85%;
    height: 20px;
    font-size: 11px;
    margin-top: 10px;
    margin-bottom: 10px;
    padding-left: 10px;
}
.box_right .item a {
    
}
.box_right .item div {width: 100%; text-align: right; display: table;}
ul.area_list {
    text-align: left;
    width: 165px;
    margin: 0px auto;
    margin-bottom: 20px;

}
ul.area_list li:first-child {
    background: url('../images/title_menu.jpg') repeat-x;
    -webkit-border-top-left-radius: 5px;
    -webkit-border-top-right-radius: 5px;
    -moz-border-top-left-radius: 5px;
    -moz-border-top-right-radius: 5px;
    border-top-right-radius: 5px;
    border-top-left-radius: 5px;
    text-align: center;
    padding: 0px;
    margin-left: 0px;
    margin-right: 0px;
    font-size: 14px;
    height: 29px;
    line-height: 29px;
    font-weight: bold;
    color: #fff;
       
}
ul.area_list li {
    margin-left: 5px;margin-right: 5px;
    padding: 5px 0px 5px 35px;
    list-style-type: none;
    line-height: 20px;
    border-bottom: 1px solid #fff;
}
ul.area_list li:last-child {
    border-bottom: none;
}
ul.area_list li a{
    text-decoration: none;
    color: #000;
    font-size: 12px;
    font-weight: bold;
}
ul.area_list li a:hover {
    color: #c00;
}
ul.area_list li.active a {
    color: #c00;
}
.footer_menu {
    text-align: center;
    width: 100%;
    padding-top: 30px;
}
.footer_menu ul {
    margin: 0 auto;
    text-align: center;
    clear: both;
}
.footer_menu ul li {
    list-style-type: none;
    display: inline-block;
    padding: 0px 10px;
    border-right: 1px solid #fff;
}
.footer_menu ul li:last-child {border-right: none;}
.footer_menu ul li a {
    color: #fff;
    text-shadow: 1px 1px #170A1C;
    font-size: 13px;
    font-weight: bold;
    text-decoration: none;
    
}
.footer_menu ul li a:hover {
    color: #ccc;
}
.footer_menu span {
    display: block;
    color: #fff;
    font-size: 12px;
    font-weight: bold;
    margin-top: 10px;
}
h3.title {
    font-family: WebfontRegular;
    font-size: 16px;
    font-weight: normal;
    color: #292929;
}
.post {
    padding-top: 10px;
    width: 100%;
    padding-bottom: 10px;
    min-height: 50px;
    border-bottom: 1px solid #ccc;
}
.post:hover {
    background:#fff6da;
}
.post:hover .img {
    background: #000;
}
.post:hover .title a{
    color: #fff;
}
.post img {
    border: 1px solid #c6c6c6;
}
.post .img {
    width: 180px;
    overflow: hidden;
    padding: 10px;
    text-align: center;
    background: #f5f5f2;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    word-wrap: break-word;
}

.post .summary {
    width: 380px;
    text-align: justify;        
    
}
.post span {
    display: block;
}
.post .detail {
    text-align: right;
}
.post .title {
    margin-top: 10px;
    font-size: 14px;
    font-weight: bold;
    display: block;
}
.post .title a {
    
    color: #000;
    font-size: 12px;
    line-height: 12px;
    text-decoration: none;
    
}
.post .title a:hover {
    color: #365F81;
}
.post span a {
    text-decoration: none;
    font-weight: bold;
    color: #980600;
}
.post span a:hover {
    color: #ccc;
}
.error {
    color: red;
    font-size: 14px;
    font-weight: bold;
}
h3.post_title {
    color: #9B1103;
    font-size: 16px;
    font-weight: bold;
    margin-bottom: 10px;
    word-wrap: break-word;
}
.post_feature {
    width: 180px;
    overflow: hidden;
    padding: 10px;
    text-align: center;
    background: #f5f5f2;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    word-wrap: break-word;
    margin-right: 10px;
}
.post_feature img {
    border: 1px solid #C6C6C6;
}
.post_feature .title {
    margin-top: 10px;
    font-size: 14px;
    font-weight: bold;
    display: block;
}
.post_feature .title a {
    
    color: #000;
    font-size: 12px;
    line-height: 12px;
    text-decoration: none;
    
}

.post_feature:hover {
    background:#000;
}
.post_feature:hover .title a{
    color: #fff;
}
.cat {
    margin: 20px 0px 30px 0px;
}
#paginate {
    margin-top: 10px;
}
#paginate span {
    display: inline-block;
}
#paginate span  a{
    text-decoration: none;
    font-size: 14px;
    font-weight: bold;
    color: #fff;
    padding: 0px 5px;
    margin-right: 5px;
    background: #000;
}
#paginate span.active a {
    background: orange;
    color: #000;
}
#paginate span  a:hover{
    background: orange;
    color: #000;
}
.contact_home_box,contact_box {
    width: 445px;
    height: 115px;
    margin: 0 auto;
    background: #fff url('../images/v_contact.jpg') no-repeat right top;
    padding: 10px 0px 25px 35px;
    border: 2px solid #DEB739;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    
}
.contact_home_box label {
    color: #8f1403;
    font-size: 15px;
    line-height: 18px;
    display: block;
    font-family: 'Estrangelo Edessa';    
}
.contact_home_box label a{
    color: #8f1403;
    text-decoration: none;
}
.contact_home_box label a:hover {
    color: #ccc;
    text-decoration: underline;
}
.contact_box {
    position: relative;
    width: 445px;
    margin: 20px auto;
    text-align: center;
    padding: 20px;
    border: 2px solid #DEB739;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
}
.contact_box label {
    text-transform: uppercase;
    font-size: 16px;
    font-weight: bold;
    margin-bottom: 10px;
    display: block;
}
.contact_box input {
    width: 435px;
    height: 25px;
    border: 1px solid #ccc;
    padding-left: 10px;
    margin-bottom: 10px;
}
.contact_box textarea {
    width: 435px;
    padding-left: 10px;
    padding-top: 10px;
    text-align: left;
}
.contact_box input.btnSubmit {
    background: #8F1404;
    width: 100px;
    height: 30px;
    line-height: 30px;
    margin-top: 10px;
    color: #fff;
    text-align: center;
    font-weight: bold;
    padding: 0px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    cursor: pointer;
}
.contact_box input.btnSubmit:hover {
    background: #000;
}
.contact_box .error {
    border: 1px solid red;
}
.contact_box #message {
    font-size: 15px;
    font-weight: bold;
}
.contact_box .success {
    color: #008700;
    margin-bottom: 10px;
}
.contact_box .warn {
    color: red;
    margin-bottom: 10px;
}
.loading {
    background: #fff url('../images/ajax-loader.gif') no-repeat;
    width: 100px;
    height: 100px;
    display: none;
    position: absolute;
    top: 45%;
    left: 40%;
}